<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" type="text/css"
	th:href="@{~/thirdlib/bootstrap/css/bootstrap.min.css}" />
<link rel="stylesheet" type="text/css"
	th:href="@{~/css/common2.css}" />
<div class="modal-content">
	<div class="modal-header">
		<h6 class="modal-title" id="myModalLabel">新增用户角色信息</h6>
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true">&times;</button>
	</div>

	<div class="modal-body" style="width: 100%;">
		<div class="row col-12" style="overflow: hidden">
			<div class="col-sm-7" style="float:left;">
				<label class="col-md-4" style="float:left;">姓名:</label>
				<div class="col-md-8" style="float:left;">
						<input id="userName" type="text" class="form-control" />
				</div>
			</div>
			<div class="col-sm-5" style="float:left;">
				<a class="btn btn-primary" id="cancelBtn"
						onclick="clearQueryCondition()">清除</a> <input
						class="btn btn-primary" type="button" id="searchBtn"
						onclick="queryByCondition()" value="查询" />
			</div>
			<!-- <form>
				<div class="form-group col-md-6">
					<label class="col-md-4 text-right">用户姓名:</label>
					<div class="col-md-8 padding0">
						<input id="userName" type="text" class="form-control" />
					</div>
				</div>
				<div class="form-group col-md-6">
					<a class="btn btn-primary" id="cancelBtn"
						onclick="clearQueryCondition()">清除</a> <input
						class="btn btn-primary" type="button" id="searchBtn"
						onclick="queryByCondition()" value="查询" />
				</div>
			</form> -->
		</div>
		<table id="userRoleTable" data-toggle="table"
			data-classes="table table-hover table-condensed"
			data-pagination="true" data-side-pagination="server"
			data-id-field="refid" data-smart-display="false"
			data-click-to-select="true">
			<thead>
				<tr>
					<th data-align="center" data-field="statusUser"
						data-checkbox="true"></th>
					<th data-align="center" data-field="refid" data-visible="false"></th>
					<th data-align="center" data-field="userName">用户名</th>
					<th data-align="center" data-field="loginId">登录账户</th>
					<th data-align="center" data-field="userType"
						data-formatter="formatterUserRoleType">用户类型</th>
					<th data-align="center" data-field="ApplyDatetime">创建时间</th>
					<th data-align="center" data-formatter="addUserOperate">操作</th>
				</tr>
			</thead>
		</table>
	</div>

	<div class="modal-footer">
		<button type="button" class="btn btn-primary"
			onclick="saveUserRoleInfos()">保存</button>
		<button type="button" class="btn btn-warning"
			onclick="refershUserInfos()" data-dismiss="modal">关闭</button>
	</div>
</div>
<!-- jQuery -->
<script th:src="@{~/thirdlib/jquery/jquery.min.js}"></script>
<!-- Bootstrap 4 -->
<script th:src="@{~/thirdlib/bootstrap/js/bootstrap.min.js}"></script>
<script type="text/javascript">
	alert("xxx");
</script>
</html>
